<script type='text/javascript' language='javascript'>
    var url_base = "<?php echo base_url(); ?>";
    
    $(document).ready(function(){
        CKEDITOR.config.forcePasteAsPlainText = true;
        CKEDITOR.config.autoParagraph = true;
        CKEDITOR.config.removePlugins = "elementspath";
        CKEDITOR.config.skin = 'moono';
        
        CKEDITOR.config.toolbar = [
            { name: 'document', items : [ 'Source'] },
            { name: 'outher', items : [ 'NewPage' ] },
            { name: 'clipboard', items : [ 'Undo','Redo' ] },
            { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
            { name: 'editing', items : [ 'PasteText','PasteFromWord','-','Scayt' ] },
            { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
            { name: 'links', items : [ 'Link','Unlink','-','Image','HorizontalRule' ] },
            { name: 'tools', items : [ 'Maximize'] }
        ];
        
        /** Volta para o top da página **/
        $('.img_top').click(function(){
            scroll_to("#page-content");
        });

        /** Ampliar Imagem **/
        $('.imagem_item').lightBox({
            imageLoading: url_base + 'assets/img/lightbox-ico-loading.gif',
            imageBtnClose: url_base + 'assets/img/lightbox-btn-close.gif',
            imageBtnPrev: url_base + 'assets/img/prev.gif',
            imageBtnNext: url_base + 'assets/img/next.gif',
            imageBlank: url_base + 'assets/img/lightbox-blank.gif',
            containerResizeSpeed: 350,
            txtImage: 'Capa do item',
            txtOf: 'de'
        });
        
        /** Abre campo motivo caso o status seja marcado como inativo */
        $('#status').change(function() {
            if($(this).val() == 0) {
                $('.box_motivo').fadeIn();
            }else {
                $('.box_motivo').fadeOut();
                $('#motivo').val("");
            }
        });
        
        /** Máscaras **/
        $("#issn").numeric({allow:"-"});
        $("#edicao, #ano, #total_paginas, #total_estoque, #total_emprestimo").numeric();
        
        /** Valida Imagem */
        $('#imagem').change(function(){
            if((document.form_insert.imagem.value.lastIndexOf(".jpg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".jpeg")==-1) && (document.form_insert.imagem.value.lastIndexOf(".JPG")==-1) 
                && (document.form_insert.imagem.value.lastIndexOf(".png")==-1) && (document.form_insert.imagem.value.lastIndexOf(".PNG")==-1)){
                document.form_insert.imagem.value = "";
                alert("Este arquivo não possui uma extensão válida!" +
                    "\n Extensão permitida: .jpg e .png");
            }else {
                $('.imagem_item').fadeOut();
                $('#fakeImagem').val($('#imagem').val());
            }
        });
        
        /** Remover imagem caso selecionada */
        $('#remove_imagem').click(function(){
            $('.imagem_item').fadeOut();
            $('#imagem, #fakeImagem').val("");
        });
        
        /** Voltar página */
        $('#back_page').click(function(){
            history.back();
        });
        
        /** Autocomplete para Editora **/
        $('#editora').autocomplete({
            source: url_base + "editora/auto_complete_publisher",
            minLength: 2,      
            select: function( event, ui ) {
                $('#editora_id').val(ui.item.id);
            }
        });
        
        /** Limpa o campo editora_id caso seja selecionado e depois removido **/
        $('#editora').keydown(function(){
            $('#editora').val() == "" ? $('#editora_id').val("") : "";
        });
        
        /** Seleção das categorias **/
        $( "#selectable_categorias" ).selectable({
            stop: function() {
                var ids = new Array();
                $('#categoria_id').val("");
                $( ".ui-selected", this ).each(function() {
                    ids.push($(this).val());
                    $('#categoria_id').val(ids.toString()); // joga os ids para o input
                });
            },
            //Seleciona os itens já escolhidos
            create: function(event, ui) {
                var ids = $('#categoria_id').val().split(',');
                $('#selectable_categorias .categorias_select').each(function(index){
                    for(var i = 0; i <= ids.length; i++){
                        if( $( this ).val() == ids[i]){
                            $( this ).addClass('ui-selected');
                        }
                    }
                });
            }
        });
    });
    
    /*
     * DIALOG para confirmar remoção do item (magazine)
     */
    function delete_magazine() {
        $("#inforDel").html(message_delete_item($('#nomeDelete').val()));
        
        $(".dialog-excluir").dialog({
            height: 250,
            width: 500,
            resizable: false,
            draggable: true,
            modal: true,
            buttons: {
                'Sim': function() {
                    $(this).dialog('close');
                    $("#form-delete-magazine")[0].submit();
                },
                'Não': function() {
                    $(this).dialog('close');
                }
            }
        });
    }
</script>
<span><a id="back_page" href="javascript:"><< Voltar</a></span>
<div id="content_item">
    <div id="content-datagrid">
        <section><?php // /echo $item->codigo; ?>
            <form action="<?php echo site_url('magazine/confirma_atualizar'); ?>" id="form-insert-magazine" name="form_insert" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                <fieldset>
                    <legend><h3>Atualizar dados da magazine</h3></legend>
                    <div id="content_form">
                        <input type="hidden" name="codigo" id="codigo" value="<?php echo set_value('codigo', isset($item->codigo) ? $item->codigo : ''); ?>">
                        <header><h2>Relacionados</h2></header>
                        <label>
                            <p>Editora*: <i>Caso a <b>Editora</b> não esteja listada, vá para o cadastro de editora e adicione.</i></p>
                            <input id="editora_id" name="editora_id" type="hidden" value="<?php echo set_value('editora_id', isset($item->magazine->editora->id) ? $item->magazine->editora->id : ''); ?>"/>
                            <input id="editora" name="editora" type="text" placeholder="Selecione a editora da magazine" value="<?php echo set_value('editora', isset($item->magazine->editora->nome) ? $item->magazine->editora->nome : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Categoria(s)*: <i>Caso a <b>Categoria</b> não esteja listada, vá para o cadastro de categoria e adicione.</i></p>
                            <p><i>- Segure a tecla <b>Ctrl</b> para selecionar mais de uma categoria.</i></p>
                            <input id="categoria_id" name="categoria_id" type="hidden" value="<?php echo set_value('categoria_id', isset($categorias_id) ? $categorias_id : ''); ?>" />
                            <div id="list_categorias">
                                <ol id="selectable_categorias">
                                    <?php foreach ($categorias as $categoria): ?>
                                        <li class="categorias_select pointer" value="<?php echo $categoria->id; ?>" title="<?php echo $categoria->descricao; ?>"><?php echo $categoria->nome; ?></li>
                                    <?php endforeach; ?>
                                </ol>
                            </div>
                        </label>
                        <header><h2>Informações gerais</h2></header>
                        <label>
                            <p>ISSN*:</p>
                            <input type="text" name="issn" id="issn" placeholder="Apenas número e hífen -" value="<?php echo set_value('issn', isset($item->magazine->issn) ? $item->magazine->issn : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Título*:</p>
                            <input  type="text" name="titulo" id="titulo" value="<?php echo set_value('titulo', isset($item->titulo) ? $item->titulo : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Subtitulo:</p>
                            <input  type="text" name="subtitulo" id="subtitulo" value="<?php echo set_value('subtitulo', isset($item->subtitulo) ? $item->subtitulo : ''); ?>"/>
                        </label>
                        <label>
                            <p>Edição:</p>
                            <input type="number" min="1" name="edicao" min="0" id="edicao" placeholder="Número da edição" value="<?php echo set_value('edicao', isset($item->magazine->edicao) ? $item->magazine->edicao : ''); ?>"/>
                        </label>
                        <label>
                            <p>Ano de publicação*:</p>
                            <input type="text" name="ano" maxlength="4" id="ano" placeholder="Apenas Número" value="<?php echo set_value('ano', isset($item->magazine->ano) ? $item->magazine->ano : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Total de páginas*:</p>
                            <input type="number" min="1" name="total_paginas" id="total_paginas" placeholder="Apenas Número" value="<?php echo set_value('total_paginas', isset($item->magazine->total_paginas) ? $item->magazine->total_paginas : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Idioma*: <i>O valor padrão é Português. Mude caso necessitar...</i></p>
                            <input type="text" name="idioma" id="idioma" value="<?php echo set_value('idioma', isset($item->idioma) ? $item->idioma : ''); ?>" placeholder="Idioma da magazine" required/>
                        </label>
                        <label>
                            <p>Localização: <i>Útil para informar em que local/pratileira a magazine se encontra.</i></p>
                            <input type="text" name="localizacao" id="localizacao" value="<?php echo set_value('localizacao', isset($item->localizacao) ? $item->localizacao : ''); ?>"/>
                        </label>
                        <label>
                            <p>Imagem: <i>Só é possível inserir imagem no formato <b>JPG</b> e <b>PNG</b>.</i></p>
                            <?php if(isset($item->imagem)): ?>
                                <a href="<?php echo site_url($this->config->item('path_img_item')) . '/magazine/' . $item->imagem; ?>" class="imagem_item"><img src="<?php echo site_url($this->config->item('path_img_item')) . '/magazine/thumb/' . $item->imagem; ?>" height="80" width="55"/></a><br />
                            <?php endif; ?>
                            <span class="selInputFile">
                                <span>
                                    <input type="hidden" name="imagem_original" id="imagem_original" value="<?php echo set_value('imagem_original', isset($item->imagem) ? $item->imagem : ''); ?>"/>
                                    <input type="text" placeholder="Clique aqui para inserir a imagem do Livro" name="fakeImagem" id="fakeImagem" value="<?php echo set_value('fakeImagem', isset($item->imagem) ? $item->imagem : ''); ?>"/><!-- este e somente para aparecer o nome do arquivo para o usuario -->
                                    <input type="file" name="imagem" id="imagem" value="<?php echo set_value('imagem', isset($item->imagem) ? $item->imagem : ''); ?>"/>
                                </span>
                                <a class="pointer" title="Remover imagem" id="remove_imagem">
                                    <img align="center" src="<?php echo site_url('assets/img/delete.png'); ?>"/>
                                </a>
                            </span>
                        </label>
                        <label>
                            <p>Descrição: <i>Sinopse, resenha da magazine...</i></p>
                            <div class="desc"><textarea class="ckeditor" id="descricao" name="descricao"><?php echo set_value('descricao', isset($item->descricao) ? $item->descricao : ''); ?></textarea></div>
                        </label>
                        
                        <header><h2>Dados para empréstimo</h2></header>
                        <label>
                            <p>Quantidade em estoque*: <i>Total de itens em estoque.<br /> - Este total não é usado como referência para o empréstimo, é apenas para registro.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_estoque"  name="total_estoque" placeholder="Total de magazines. Apenas números" value="<?php echo set_value('total_estoque', isset($item->movimentacao->total_estoque) ? $item->movimentacao->total_estoque : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Quantidade para empréstimo*: <i>Total de itens disponíveis para empréstimos.</i></p>
                            <input type="number" min="1" maxlength="4" id="total_emprestimo"  name="total_emprestimo" placeholder="Total de magazines disponíveis. Apenas números"  value="<?php echo set_value('total_emprestimo', isset($item->movimentacao->total_manipulacao) ? $item->movimentacao->total_manipulacao : ''); ?>" required/>
                        </label>
                        <label>
                            <p>Status para Empréstimo*: <i>Aqui você tem duas opções:</i><br />
                                <i>
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;ATIVO >></b> Nessa opção o item cadastrado fica <b>DISPONÍVEL</b> para visualizar e obter empréstimos.<br />
                                    <b>&nbsp;&nbsp;&nbsp;&nbsp;INATIVO >></b> Nessa opção o item cadastrado fica <b>INDISPONÍVEL</b> para obter empréstimos.
                                </i>
                            </p>
                            <?php echo form_dropdown("status", array(1 => "Ativo", 0 => "Inativo"), set_value('status', isset($item->movimentacao->status) ? $item->movimentacao->status : ''), "id='status'");?>
                        </label>
                        <label class="box_motivo" style="<?php if(isset($item->movimentacao->status)) echo $item->movimentacao->status == 0 ? 'display: block;': 'display: none;'; ?>'">
                            <p>Motivo da inatividade*:</p>
                            <textarea name="motivo_inatividade" id="motivo" placeholder="Informe o motivo da magazine não ficar disponível para empréstimos"><?php echo set_value('motivo_inatividade', isset($item->movimentacao->motivo_inatividade) ? $item->movimentacao->motivo_inatividade : ''); ?></textarea>
                        </label>
                        
                        <input type="submit" value="Atualizar magazine" id="bt_submit" class="button" />&nbsp;
                        <a href="<?php echo site_url('magazine/cadastrar'); ?>" class="button">Nova magazine</a>&nbsp;
                        <a onclick="delete_magazine()" class="button">Excluir magazine</a>&nbsp;
                        <a href="<?php echo site_url('magazine'); ?>" class="button">Cancelar</a>
                        <img class="img_top pointer" src="<?php echo site_url('assets/img/top.png'); ?>" width="32" height="32"/>
                    </div>
                </fieldset>
            </form>
        </section>
    </div> <!-- END of #content-datagrid -->
</div> <!-- END of #main-content-datagrid -->  

<section id="form-delete">
    <div class="dialog-excluir">
        <h2>Atenção!</h2>
        <div id="inforDel"></div>    
    </div>
    <form action="<?php echo site_url('magazine/excluir'); ?>" id="form-delete-magazine" method="post" accept-charset="utf-8">
        <input type="hidden" id="codigoDelete" name="codigoDelete" value="<?php echo set_value('codigoDelete', isset($item->codigo) ? $item->codigo : ''); ?>"/>
        <input type="hidden" id="nomeDelete" name="nomeDelete" value="<?php echo set_value('nomeDelete', isset($item->titulo) ? $item->titulo : ''); ?>"/>
        <input type="hidden" id="imagemDelete" name="imagemDelete" value="<?php echo set_value('imagemDelete', isset($item->imagem) ? $item->imagem : ''); ?>"/>
    </form>
</section>